* {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
  color: #333;
  margin: 0;
  line-height: 1.5;
  overflow-x: hidden;
}
*:before,
*:after {
  box-sizing: content-box;
}
:focus {
  outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img {
  font-size: 0.14rem;
}
li,
ul {
  list-style-type: none;
}
img {
  border: none;
}
input,
textarea {
  outline: 0;
  border: 0;
  resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
  font-weight: normal;
  font-style: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearboth {
  clear: both;
}


.clear{
  clear: both;
}




/* banner */

.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;

}

.banner .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}


.banner .swiper-slide {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 1s linear 2s;
  transform: scale(1.1, 1.1);
  object-fit: cover;
}

.banner .swiper-slide-active img,
.banner .swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1, 1);
}




.banner .swiper-button-next {
  position: absolute;
  width: 0.16rem;
  height: 0.28rem;
  background: url(../images/bannerR.png) no-repeat center;
  right: 3%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}

.banner .swiper-button-prev {
  position: absolute;
  width: 0.16rem;
  height: 0.28rem;
  background: url(../images/bannerL.png) no-repeat center;
  left: 3%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}


.banner .swiper-pagination{
  width: 100%;
  left: 0%;
  bottom: 0.25rem;

}


.banner .swiper-pagination .swiper-pagination-bullet{
  display: inline-block;
  margin: 0 0.1rem;
  width: 0.35rem;
  height: 2px;
  background: #fff;
  opacity: 1;
  border-radius: 0px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.banner .swiper-pagination .swiper-pagination-bullet-active{
  background: #003b93;
}

.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
  content: 'prev';
  display: none;
}

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
  content: 'next';
  display: none;
}



@media (max-width: 980px) {

  .banner{
    top: 0;
  }

  .banner .swiper-slide{
    height: 1.3rem;
  }

  .banner .swiper-button-next {
    display: none;
  }

  .banner .swiper-button-prev {
    display: none;
  }

  .banner .swiper-pagination{
    bottom: 0.1rem;
  
  }
  
  .banner .swiper-pagination .swiper-pagination-bullet{
    display: inline-block;
    margin: 0 0.1rem;
    width: 0.2rem;
    height: 2px;
    background: #fff;
  }
}




/* title */

.title{
  margin: 0 auto;
  text-align: center;

}

.title i{
  display: block;
  font-size: 0.72rem;
  color: #e4e4f2;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 0.6rem;
}


.title h3{
  font-size: 0.36rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.36rem;
  position: relative;
  z-index: 5;
  margin-top: -0.5rem;

}

.title h3 a{
  display: block;
  font-size: 0.36rem;
  color: #333333;
  font-weight: bold;
  

}

.title span{
  display: block;
  font-size: 0.15rem;
  color: #666666;
  margin: 0.27rem auto 0 auto;
}


@media (max-width: 980px) {
 


.title i{
  display: block;
  font-size: 0.42rem;
  line-height: 0.4rem;
}


.title h3{
  font-size: 0.24rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.26rem;
  position: relative;
  z-index: 5;
  margin-top: -0.35rem;

}

.title h3 a{
  display: block;
  font-size: 0.24rem;
  color: #333333;
  font-weight: bold;
  

}

.title span{
  display: block;
  font-size: 0.14rem;
  color: #666666;
  margin: 0.1rem auto 0 auto;
}
  
  
}

.pagebg{
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  background: #eff0fd;
}


/* about */

.aboutbackdrop{
  width: 100%;
  margin: 0rem auto 0 auto;
  background: url(../images/aboutbg.jpg) no-repeat top center;
  overflow: hidden;
}

.aboutbackdrop .about{
  margin: 0 auto;
  padding-top: 1rem;
}

.aboutbackdrop .about .ab_right{
  float: right;
  width: 46.5%;

}

.aboutbackdrop .about .ab_right h3{
  font-size: 0.32rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.54rem;
}

.aboutbackdrop .about .ab_right h5{
  font-size: 0.32rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.54rem;
}

.aboutbackdrop .about .ab_right em{
  display: block;
  width: 0.5rem;
  height: 2px;
  background: #00579f;
  margin-top: 0.25rem;
}

.aboutbackdrop .about .ab_right p{
  font-size: 0.14rem;
  color: #666666;
  line-height: 0.3rem;
  height: 2.7rem;
  overflow: hidden;
  margin: 0.3rem 0 0.37rem 0;
}

.aboutbackdrop .about .ab_right .more{
  border: 1px solid #00579f;
  width: 1.5rem;
  height: 0.43rem;
  line-height: 0.43rem;
  text-align: center;

}

.aboutbackdrop .about .ab_right .more a{
  display: inline-block;
  text-align: center;
  font-size: 0.14rem;
  color: #005a99;
  padding-right: 0.2rem;
  background: url(../images/abmore.png) no-repeat right center;
}



.aboutbackdrop .about .ab_img{
  float: left;
  position: relative;
  width: 50.5%;
  height: 5.44rem;

}

.aboutbackdrop .about .ab_img img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


@media (max-width: 980px){

  
  .aboutbackdrop .about{
    margin: 0 auto;
    padding-top: 0.3rem;
  }
  
  .aboutbackdrop .about .ab_right{
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto 0.25rem auto ;
  
  }
  
  .aboutbackdrop .about .ab_right h3{
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  
  .aboutbackdrop .about .ab_right h5{
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  
  .aboutbackdrop .about .ab_right em{
    margin: 0.2rem auto 0 auto;
  }
  
  .aboutbackdrop .about .ab_right p{
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.3rem;
    height: 2.7rem;
    overflow: hidden;
    margin: 0.2rem 0 0.2rem 0;
  }
  
  .aboutbackdrop .about .ab_right .more{
    border: 1px solid #00579f;
    width: 1.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    margin: 0 auto;
  
  }
  

  
  
  .aboutbackdrop .about .ab_img{
    float: none;
    position: relative;
    width: 100%;
    height: 2.3rem;
  
  }
  
}



/* fc */

.fc{
  margin: 0.35rem auto 0 auto;
}

.fc .fclist{
  height: 0.6rem;

}

.fc .fclist ul li{
  float: left;
  font-size: 0.24rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.3rem;
  margin-right: 0.1rem;
}

.fc .fclist ul li a{
  display: inline-block;
  font-size: 0.24rem;
  color: #333333;
  font-weight: bold;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.fc .fclist ul li.on a{
  color: #00579f;
}

.fc .fc_box{
  margin: 0 auto;
} 

.fc .fc_box .swiper-slide{
  position: relative;
}


.fc .fc_box .swiper-slide ul li{
  float: left;
  width: 24%;
  margin-right: 1.2%;
}

.fc .fc_box .swiper-slide ul li:last-child{
  margin-right: 0;
}


.fc .fc_box .swiper-slide ul li .pic{
  position: relative;
  width: 100%;
  padding-top: 74%;
  overflow: hidden;

}


.fc .fc_box .swiper-slide ul li .pic img{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.fc .fc_box .swiper-slide ul li:hover .pic img{
  transform: scale(1.1);
}


@media (max-width: 980px){

  .fc{
    margin: 0.3rem auto 0 auto;
  }
  
  .fc .fclist{
    height: 0.5rem;
    text-align: center;
  
  }
  
  .fc .fclist ul li{
    display: inline-block;
    float: none;
    margin: 0 0.05rem 0 0;
    text-align: center;
  }
  
  .fc .fclist ul li a{
    display: inline-block;
    font-size: 0.18rem;

  }
  

  
  .fc .fc_box{
    margin: 0 auto;
  } 
  
  .fc .fc_box .swiper-slide{
    position: relative;
  }
  
  
  .fc .fc_box .swiper-slide ul li{
    float: left;
    width: 48%;
    margin: 0 4% 0.15rem 0;
  }
  
  .fc .fc_box .swiper-slide ul li:nth-child(2n){
    margin-right: 0;
  }
  
  
  .fc .fc_box .swiper-slide ul li .pic{
    position: relative;
    width: 100%;
    padding-top: 74%;
    overflow: hidden;
  
  }



}


/* product */

.product{
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.product .productcenter{
  margin: 0 auto;
  padding-top: 0.6rem;
}

.product .productcenter .probox{
  margin: 0.4rem auto 0 auto;
}


.product .productcenter .probox .proleft{
  float: left;
  width: 23.8%;
  overflow: hidden;
  background: #00579f;
  padding-bottom: 2px;
}

.product .productcenter .probox .proleft .pro_t{
  height: 1rem;
}


.product .productcenter .probox .proleft .pro_t a{
  display: block;
  width: 72%;
  margin: 0 auto;
  padding-top: 0.18rem;
}

.product .productcenter .probox .proleft .pro_t a i{
  display: block;
  font-size: 0.28rem;
  color: #fff;
  font-weight: bold;

}

.product .productcenter .probox .proleft .pro_t a em{
  display: block;
  font-size: 0.14rem;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 2px;
}

.product .productcenter .probox .proleft .sideMenu{
  margin: 0 auto;
  background: #e8e9f6;
  width: 98.8%;
  overflow: hidden;
  padding-bottom: 0.3rem;
  min-height: 7.7rem;
}

.product .productcenter .probox .proleft .sideMenu h3{
  margin: 0.2rem auto 0 auto;
  background: #f2891b;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 87.5%;
}

.product .productcenter .probox .proleft .sideMenu h3 a{
  display: block;
  width: 86%;
  margin: 0 auto;
}

.product .productcenter .probox .proleft .sideMenu h3 a i{
  font-size: 0.18rem;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  width: 80%;
}

.product .productcenter .probox .proleft .sideMenu h3 a em{
  display: block;
  float: right;
  background: url(../images/promore.png) no-repeat  center;
  width: 0.18rem;
  height: 0.18rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 0.16rem;
  transform: rotate(-90deg);
}

.product .productcenter .probox .proleft .sideMenu ul{
  width: 87.5%;
  margin: 0 auto;
}

.product .productcenter .probox .proleft .sideMenu ul li{
  height: 0.5rem;
  line-height: 0.5rem;
  width: 86%;
  padding: 0 7%;
  border-bottom: 1px dashed #adaebc;

}

.product .productcenter .probox .proleft .sideMenu ul li a{
  font-size: 0.16rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: url(../images/proico.png) no-repeat left center;
  padding-left: 0.25rem;

}

.product .productcenter .probox .proleft .sideMenu h3:hover a em{
  transform: rotate(0deg);

}


.product .productcenter .probox .proleft .sideMenu .swiper-slide.on h3 a em{
  transform: rotate(0deg);

}

.product .productcenter .probox .proright{
  float: right;
  width: 75%;
}

.product .productcenter .probox .proright ul li{
  float: left;
  width: 32.2%;
  margin: 0 1.5% 0.2rem 0;
}

.product .productcenter .probox .proright ul li:nth-child(3n){
  margin-right: 0;
}

.product .productcenter .probox .proright ul li .pic{
  position: relative;
  width: 100%;
  height: 2.47rem;
  overflow: hidden;

}

.product .productcenter .probox .proright ul li .pic img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.product .productcenter .probox .proright ul li .txt{
  width: 94%;
  padding: 0 3%;
  height: 0.41rem;
  line-height: 0.41rem;
  background: #e6e6f4;

}

.product .productcenter .probox .proright ul li .txt a{
  display: block;
}

.product .productcenter .probox .proright ul li .txt a span{
  font-size: 0.16rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  width: 70%;
}

.product .productcenter .probox .proright ul li .txt a em{
  display: block;
  float: right;
  width: 0.27rem;
  height: 0.07rem;
  background: url(../images/more.png) no-repeat  center;
  margin-top: 0.17rem;
}

.product .productcenter .probox .proright ul li:hover .txt a span{
  color: #00579f;
}

.product .productcenter .probox .proright ul li:hover .pic img{
  transform: scale(1.1);
}




@media (max-width: 1600px){
  .product .productcenter .probox .proleft .pro_t a i{
    display: block;
    font-size: 0.22rem;
  
  }
}


@media (max-width: 980px){
  
  .product .productcenter{
    margin: 0 auto;
    padding-top: 0.3rem;
  }
  
  .product .productcenter .probox{
    margin: 0.3rem auto 0 auto;
  }
  
  
  .product .productcenter .probox .proleft{
    float: none;
    width: 100%;
    overflow: hidden;
    background: #00579f;
    padding-bottom: 2px;
  }
  
  .product .productcenter .probox .proleft .pro_t{
    height: 0.8rem;
  }
  
  
  .product .productcenter .probox .proleft .pro_t a{
    padding-top: 0.15rem;
  }
  
  .product .productcenter .probox .proleft .pro_t a i{
    display: block;
    font-size: 0.22rem;
  
  }
  
  
  .product .productcenter .probox .proleft .sideMenu{

    padding-bottom: 0.3rem;
    min-height: auto;
  }
  
  .product .productcenter .probox .proleft .sideMenu h3{
    margin: 0.1rem auto 0 auto;
    background: #f2891b;
    height: 0.45rem;
    line-height: 0.45rem;
  }
  
  
  .product .productcenter .probox .proleft .sideMenu h3 a i{
    font-size: 0.16rem;
    color: #ffffff;
    float: left;
    width: 80%;
  }
  

  
  .product .productcenter .probox .proleft .sideMenu ul{
    display: none !important;
  }
  

  
  .product .productcenter .probox .proright{
    float: none;
    width: 100%;
    margin: 0.25rem auto 0 auto;
  }
  
  .product .productcenter .probox .proright ul li{
    float: left;
    width: 48%;
    margin: 0 4% 0.15rem 0;
  }

  .product .productcenter .probox .proright ul li:nth-child(2n){
    margin-right: 0;
  }


  
  .product .productcenter .probox .proright ul li:nth-child(3n){
    margin-right: 0;
  }

  .product .productcenter .probox .proright ul li:nth-child(3){
    margin: 0 4% 0.2rem 0;
  }

  .product .productcenter .probox .proright ul li:nth-child(9){
    display: none;
  }
  
  .product .productcenter .probox .proright ul li .pic{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 75%;
  
  }
  
  
  
  .product .productcenter .probox .proright ul li .txt a span{
    font-size: 0.14rem;
    float: left;
    width: 70%;
  }
  
  .product .productcenter .probox .proright ul li .txt a em{
    display: block;
    float: right;
    width: 0.2rem;
    height: 0.05rem;
    background: url(../images/more.png) no-repeat  center;
    margin-top: 0.19rem;
    background-size: 100%;
  }
  

}


/* ys */

.reason{
  margin: 0.7rem auto 0 auto;
  width: 100%;
  height: 9.5rem;
  background: url(../images/reasonbg.jpg) no-repeat top center;
}

.reason .reasoncenter{
  margin: 0 auto;
  padding-top: 0.6rem;
}

.reason .reasoncenter .title i{
  color: #efefef;
  opacity: 0.24;

}

.reason .reasoncenter .title h3{
  color: #fff;

}

.reason .reasoncenter .title span{
  color: #fff;
}

.reason .reasoncenter .reasonbox{
  margin: 0.55rem auto 0 auto;
  position: relative;
}

.reasonbox .swiper-container{
  overflow: hidden;

}


.reason .reasoncenter .reasonbox .swiper-slide{
  position: relative;
}

.reason .reasoncenter .reasonbox .swiper-slide .ysnr{

}

.reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt{
  width: 87%;
  margin: 0 auto;
  height: 1.85rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: none;
}

.reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt h5{
  font-size: 0.3rem;
  color: #333333;
  padding-top: 0.4rem;
  margin-bottom: 0.15rem;

}

.reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt p{
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.3rem;
}

.reason .reasoncenter .reasonbox .swiper-slide .ysnr .ysimg{
  height: 4.3rem;
  margin: 1.3rem auto 0 auto;

} 

.reason .reasoncenter .reasonbox .swiper-slide .ysnr .ysimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reason .reasoncenter .reasonbox .swiper-slide-active{
  width: 100%;
  background: #eff0fd;
  height: 6.9rem;
}

.reason .reasoncenter .reasonbox .swiper-slide-active .ysnr .ysimg{
  height: 4.3rem;
  margin: 0 auto ;
  width: 87%;


} 

.reason .reasoncenter .reasonbox .swiper-slide-active .ysnr .txt{
  display: block;
}


.reason .reasoncenter .reasonbox .swiper-reason-next{
  cursor: pointer;
  position: absolute;
  right: 23%;
  top: 3.35rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/ysright.png) no-repeat  center;
  z-index: 9;

}

.reason .reasoncenter .reasonbox .swiper-reason-prev{
  cursor: pointer;
  position: absolute;
  left: 23%;
  top: 3.35rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/ysleft.png) no-repeat  center;
  z-index: 9;
}


.reason .reasoncenter .reasonbox .reason-pagination{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -0.45rem;
  z-index: 9;
}

.reason .reasoncenter .reasonbox .reason-pagination .swiper-pagination-bullet{
  margin: 0 0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  background: #b8b9c7;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.reason .reasoncenter .reasonbox .reason-pagination .swiper-pagination-bullet-active{
  background: #00429a;
}


@media (max-width: 980px){
  .reason{
    margin: 0.3rem auto 0 auto;
    width: 100%;
    height: auto;
    padding-bottom: 0.5rem;
  }
  
  .reason .reasoncenter{
    margin: 0 auto;
    padding-top: 0.3rem;
  }
  
  
  .reason .reasoncenter .reasonbox{
    margin: 0.35rem auto 0 auto;
    position: relative;
    width: 90%;
    padding-bottom: 0.5rem;
  }
  
  
  .reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt{
    width: 87%;
    margin: 0 auto;
    height: auto;
  }
  
  .reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt h5{
    font-size: 0.2rem;
    color: #333333;
    padding-top: 0.3rem;
    margin-bottom: 0.15rem;
  
  }
  
  .reason .reasoncenter .reasonbox .swiper-slide .ysnr .txt p{
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem;
  }
  
  .reason .reasoncenter .reasonbox .swiper-slide .ysnr .ysimg{
    height: 0rem;
    margin: 0.3rem auto 0 auto;
  
  } 
  
  
  .reason .reasoncenter .reasonbox .swiper-slide-active{
    width: 100%;
    background: #eff0fd;
    height: auto;
    padding-bottom: 0.5rem;
  }
  
  .reason .reasoncenter .reasonbox .swiper-slide-active .ysnr .ysimg{
    height: 1.8rem;
    margin: 0.3rem auto 0 auto;
    width: 87%;
  
  
  } 
  
  
  .reason .reasoncenter .reasonbox .swiper-reason-next{
    cursor: pointer;
    position: absolute;
    right: 25%;
    top: auto;
    bottom: -0rem;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 100%;
    z-index: 9;
  
  }
  
  .reason .reasoncenter .reasonbox .swiper-reason-prev{
    cursor: pointer;
    position: absolute;
    left: 25%;
    top: auto;
    bottom: -0rem;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 100%;
    z-index: 9;
  }
  
  
  .reason .reasoncenter .reasonbox .reason-pagination{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -0.35rem;
    z-index: 9;
  }

}





/* case */


.case{
  margin: 0.7rem auto 0 auto;
  width: 100%;

}

.case .casecenter{
  margin: 0 auto;
}


.case .casecenter  .case_box{
  margin: 0.35rem auto 0 auto;
  overflow: hidden;
}

.case .casecenter  .case_box ul li{
  float: left;
  width: 32.2%;
  position: relative;
  margin: 0 1.6% 0.2rem 0%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.case .casecenter  .case_box ul li:nth-child(3n){
  margin-right: 0;
}

.case .casecenter  .case_box ul li .pic{
  width: 100%;
  position: relative;
  padding-top: 69%;
  overflow: hidden;

}

.case .casecenter  .case_box ul li .pic img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.case .casecenter  .case_box ul li .txt{
  margin: 0 auto;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #ececfa;

}

.case .casecenter  .case_box ul li .txt a{
  display: block;
  width: 92%;
  margin: 0 auto;
}

.case .casecenter  .case_box ul li .txt a span{
  font-size: 0.16rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  width: 75%;
}

.case .casecenter  .case_box ul li .txt a em{
  display: block;
  background: url(../images/casemore.png) no-repeat  center;
  float: right;
  width: 0.16rem;
  height: 0.12rem;
  margin-top: 0.19rem;
}

.case .casecenter  .case_box ul li:hover{

  -webkit-box-shadow: 0 0px 8px 6px rgba(0, 0, 0, .05);
  box-shadow: 0 0px 8px 6px rgba(0, 0, 0, .05);

}

.case .casecenter  .case_box ul li:hover .pic img{
  transform: scale(1.1);
}

.case .casecenter  .case_box ul li:hover .txt a span{
  color: #00579f;
}

.case .casecenter .casemore{
  margin: 0.1rem auto 0 auto;
  width: 1.66rem;
  height: 0.45rem;
  line-height: 0.45rem;
  background: #00579f;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.case .casecenter .casemore a{
  display: block;
  text-align: center;
  font-size: 0.14rem;
  color: #fff;
  font-weight: bold;
}

.case .casecenter .casemore:hover{
  border-radius: 45px;
}


@media (max-width: 980px){
  .case{
    margin: 0.5rem auto 0 auto;
    width: 100%;
  
  }
  
  .case .casecenter{
    margin: 0 auto;
  }
  
  .case .casecenter  .case_box{
    margin: 0.35rem auto 0 auto;
  }
  
  .case .casecenter  .case_box ul li{
    float: left;
    width: 48%;
    position: relative;
    margin: 0 4% 0.2rem 0%;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .case .casecenter  .case_box ul li:nth-child(2n){
    margin-right: 0;
  }
  
  
  
  .case .casecenter  .case_box ul li:nth-child(3n){
    margin: 0 4% 0.2rem 0%;
  }
  
  .case .casecenter  .case_box ul li:nth-child(6){
    margin-right: 0;
  }
  
  .case .casecenter  .case_box ul li .txt{
    margin: 0 auto;
  
  }
  
  .case .casecenter  .case_box ul li .txt a{
    display: block;
    width: 92%;
    margin: 0 auto;
  }
  
  .case .casecenter  .case_box ul li .txt a span{
    font-size: 0.15rem;
    color: #333333;
  }
  
  .case .casecenter  .case_box ul li .txt a em{
    display: block;
    float: right;
    width: 0.16rem;
    height: 0.12rem;
    margin-top: 0.16rem;
  }

  .case .casecenter .casemore{
    margin: 0.1rem auto 0 auto;
    width: 1.36rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #00579f;
    border-radius: 5px;
  }
  
}



/* lc */

.lcbg{
  width: 100%;
  height: 4rem;
  background: #0054a6;
  margin: 0.7rem auto 0 auto;
  position: relative;
}

.lcbg .lc{
  margin: 0 auto;
}

.lcbg .lc .lcbox{
  float: left;
  margin-top: 0.6rem;
  width: 77.5%;

}

.lcbg .lc .lcbox .title{
  text-align: left;
}

.lcbg .lc .lcbox .title i{

  color: #e5e5e5;
  opacity: 0.21;
}

.lcbg .lc .lcbox .title h3{
  color: #fff;

}

.lcbg .lc .lcbox .title span{
  color: #fff;
}

.lcbg .lc .lcbox ul{
  margin-top: 0.4rem;

} 

.lcbg .lc .lcbox ul li{
  text-align: center;
  width: 13%;
  height: 1.4rem;
  background: #eff0fd;
  float: left;
  margin-right: 3.5%;

}

.lcbg .lc .lcbox ul li img{
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0.3rem auto 0.1rem auto;
}

.lcbg .lc .lcbox ul li i{
  display: block;
  font-size: 0.16rem;
  color: #333333;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.lcbg .lc .lcbox ul li:hover i{
  color: #00579f;
  font-weight: bold;
}

.lcbg .lc .message{
  float: right;
  position: relative;
  background: #00579f;
  height: 4.26rem;
  top: -0.26rem;
  width: 18.5%;
  padding: 0 2%;
  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .1);
} 

.lcbg .lc .message .m_t{
  height: 0.8rem;
  line-height: 0.8rem;

}

.lcbg .lc .message .m_t span{
  display: block;
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
  padding-left: 0.45rem;
  background: url(../images/m_t.png) no-repeat left center;
}

.lcbg .lc .message .messagebox{
  font-size: 0.14rem;
  color: #666666;

} 


.lcbg .lc .message .messagebox .form-group1{
  width: 100%;
  height: 0.4rem;
  background: #eff0fd;
  border-radius: 3px;
  margin-bottom: 0.2rem;
}

.lcbg .lc .message .messagebox .form-group1 input{
  width: 100%;
  height: 0.4rem;
  background: none;
  font-size: 0.14rem;
  color: #666666;
  text-indent: 0.1rem;
}


.lcbg .lc .message .messagebox .form-group2{
  width: 100%;
  height: 0.4rem;
  background: #eff0fd;
  border-radius: 3px;
  margin-bottom: 0.2rem;
}

.lcbg .lc .message .messagebox .form-group2 input{
  width: 100%;
  height: 0.4rem;
  background: none;
  font-size: 0.14rem;
  color: #666666;
  text-indent: 0.1rem;
}


.lcbg .lc .message .messagebox .form-group3{
  width: 100%;
  height: 0.7rem;
  background: #eff0fd;
  border-radius: 3px;
  margin-bottom: 0.2rem;
}

.lcbg .lc .message .messagebox .form-group3 textarea{
  width: 100%;
  height: 0.6rem;
  background: none;
  font-size: 0.14rem;
  color: #666666;
  text-indent: 0.1rem;
  padding-top: 0.1rem;
}

.lcbg .lc .message .messagebox .anniu{
  margin: 0 auto;
}

.lcbg .lc .message .messagebox .anniu button{
  border: none;
  cursor: pointer;
  font-size: 0.14rem;
  color: #666666;
  width: 100%;
  height: 0.4rem;
  background: #eff0fd;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.lcbg .lc .message .messagebox .anniu button:hover{
  border-radius: 45px;
}

.lcbg .lc .message .tel{
  font-size: 0.14rem;
  color: #fff;
  margin: 0.3rem  auto 0 auto;
} 

.lcbg .lc .message .tel i{
  font-size: 0.26rem;
  color: #fff;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}




@media (max-width: 980px){
  .lcbg{
    width: 100%;
    height: auto;
    background: #0054a6;
    margin: 0.3rem auto 0 auto;
    position: relative;
    padding-bottom: 0.3rem;
  }
  

  
  .lcbg .lc .lcbox{
    float: none;
    margin: 0 auto;
    width: 100%;
    padding-top: 0.3rem;
    height: auto;
    overflow: hidden;

  
  }
  
  .lcbg .lc .lcbox .title{
    text-align: center;
  }
  
  
  .lcbg .lc .lcbox ul{
    margin-top: 0.3rem;
  
  } 
  
  .lcbg .lc .lcbox ul li{
    text-align: center;
    width: 31.3%;
    height: 1rem;
    background: #eff0fd;
    float: left;
    margin: 0 1% 0.1rem 1%;
  
  }
  
  .lcbg .lc .lcbox ul li img{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0.2rem auto 0.05rem auto;
  }
  
  .lcbg .lc .lcbox ul li i{
    display: block;
    font-size: 0.14rem;
    color: #333333;

  }
  
  
  .lcbg .lc .message{
    float: none;
    position: relative;
    background: #00579f;
    height: auto;
    top: 0rem;
    width: 90%;
    padding: 0 5% 0.2rem 5%;
    margin: 0.2rem auto 0 auto;
  } 
  
  .lcbg .lc .message .m_t{
    height: 0.6rem;
    line-height: 0.6rem;
  
  }
  
  .lcbg .lc .message .m_t span{
    display: block;
    font-size: 0.18rem;
    color: #fff;
    font-weight: bold;
    padding-left: 0.45rem;
    background: url(../images/m_t.png) no-repeat left center;
  }
  
  .lcbg .lc .message .messagebox{
    font-size: 0.14rem;
    color: #666666;
  
  } 
  
  
  .lcbg .lc .message .messagebox .form-group1{
    margin-bottom: 0.15rem;
  }
  

  .lcbg .lc .message .messagebox .form-group2{
    margin-bottom: 0.15rem;
  }
  

  
  .lcbg .lc .message .messagebox .form-group3{
    width: 100%;
    height: 0.5rem;
    margin-bottom: 0.15rem;
  }
  
  .lcbg .lc .message .messagebox .form-group3 textarea{
    width: 100%;
    height: 0.4rem;
  }
  
  .lcbg .lc .message .messagebox .anniu{
    margin: 0 auto;
  }
  
  .lcbg .lc .message .messagebox .anniu button{
    border: none;
    cursor: pointer;
    font-size: 0.14rem;
    color: #666666;
    width: 100%;
    height: 0.4rem;
    background: #eff0fd;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .lcbg .lc .message .messagebox .anniu button:hover{
    border-radius: 45px;
  }
  
  .lcbg .lc .message .tel{
    font-size: 0.14rem;
    color: #fff;
    margin: 0.2rem  auto 0 auto;
  } 
  
  .lcbg .lc .message .tel i{
    font-size: 0.24rem;
  }
  
}


/* news */

.news_bg{
  margin: 0rem auto 0 auto;
}

.news{
  margin: 0rem auto 0 auto;
  padding-top: 0.5rem;
}

.news .news_t{
  height: 1.2rem;
}

.news .news_t .title{
  float: left;
  text-align: left;
}

.news .news_t .news_list{
  float: right;
  margin-top: 0.2rem;
} 

.news .news_t .news_list ul li{
  float: left;
  width: 1.56rem;
  height: 0.54rem;
  line-height: 0.54rem;
  background: #e6e6f4;
  border-radius: 5px;
  position: relative;
  z-index: 5;
  margin-left: 0.4rem;
}

.news .news_t .news_list ul li a{
  display: block;
  text-align: center;
  font-size: 0.16rem;
  color: #666666;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .news_t .news_list ul li::after{
  position: absolute;
  left: 0rem;
  top: 0px;
  width: 0%;
  height: 100%;
  background: #00579f;
  border-radius: 5px;
  z-index: -1;
  content: "";
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .news_t .news_list ul li.on::after{
  width: 100%;
}

.news .news_t .news_list ul li.on a{
  color: #fff;
}

.news .news_box{
  margin: 0 auto;

}

.news .newsleft{
  float: left;
  width: 65%;
}

.news .newsleft .Companynews{
  width: 96%;
  height: 5.24rem;
  border: 1px solid #ddddeb;
  margin-bottom: 0.18rem;
  padding: 0 2%;
}

.news .newsleft .Companynews .newstitle{
  height: 0.65rem;
  line-height: 0.65rem;

}

.news .newsleft .Companynews .newstitle h3{
  float: left;
}

.news .newsleft .Companynews .newstitle h3 a{
  display: block;
  font-size: 0.24rem;
  color: #4a4a4a;
  font-weight: bold;
}

.news .newsleft .Companynews .newstitle h3 a i{
  font-size: 0.14rem;
  color: #000000;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  opacity: 0.4;
  margin-left: 5px;
}

.news .newsleft .Companynews .newstitle .more{
  display: block;
  float: right;
  width: 0.12rem;
  height: 0.2rem;
  background: url(../images/news_more.png) no-repeat center;
  margin-top: 0.22rem;
} 

.news .newsleft .Companynews .newstop{
  margin: 0.2rem auto 0 auto;
  height: 1.1rem;
} 

.news .newsleft .Companynews .newstop ul li{
  float: left;
  width: 48%;
  margin-right: 4%;
}

.news .newsleft .Companynews .newstop ul li:last-child{
  margin-right: 0;
}

.news .newsleft .Companynews .newstop ul li h5{
  height: 0.3rem;
  line-height: 0.3rem;

}

.news .newsleft .Companynews .newstop ul li h5 a{
  font-size: 0.18rem;
  color: #3a3a3a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-left: 0.3rem;
  background: url(../images/news_ico1.png) no-repeat left center;
  width: 70%;
  float: left;
}

.news .newsleft .Companynews .newstop ul li h5 span{
  display: block;
  float: right;
  font-size: 0.14rem;
  color: #4a4a4a;
  opacity: 0.64;
}

.news .newsleft .Companynews .newstop ul li p{
  font-size: 0.14rem;
  color: #909090;
  line-height: 0.26rem;
  height: 0.52rem;
  overflow: hidden;
  margin-top: 5px;
}

.news .newsleft .Companynews .newstop ul li:hover h5 a{
  color: #00579f;

}


.news .newsleft .Companynews .list{
  margin: 0 auto;

} 

.news .newsleft .Companynews .list ul li{
  float: left;
  width: 48%;
  margin-right: 4%;
  line-height: 0.56rem;
}

.news .newsleft .Companynews .list ul li:nth-child(even){
  margin-right: 0;
}

.news .newsleft .Companynews .list ul li a{
  font-size: 0.16rem;
  color: #848484;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-left: 0.15rem;
  background: url(../images/news_ico2.png) no-repeat left center;
  width: 70%;
  float: left;
}

.news .newsleft .Companynews .list ul li span{
  display: block;
  float: right;
  font-size: 0.14rem;
  color: #4a4a4a;
  opacity: 0.64;
}

.news .newsleft .Companynews .list ul li:hover a{
  color: #00579f;

}



.news .newsleft .Industry{
  width: 96%;
  height: 2.52rem;
  border: 1px solid #ddddeb;
  margin-bottom: 0.2rem;
  padding: 0 2%;
}

.news .newsleft .Industry .newstitle{
  height: 0.6rem;
  line-height: 0.6rem;

}

.news .newsleft .Industry .newstitle h3{
  float: left;
}

.news .newsleft .Industry .newstitle h3 a{
  display: block;
  font-size: 0.24rem;
  color: #4a4a4a;
  font-weight: bold;
}

.news .newsleft .Industry .newstitle h3 a i{
  font-size: 0.14rem;
  color: #000000;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  opacity: 0.4;
  margin-left: 5px;
}

.news .newsleft .Industry .newstitle .more{
  display: block;
  float: right;
  width: 0.12rem;
  height: 0.2rem;
  background: url(../images/news_more.png) no-repeat center;
  margin-top: 0.2rem;
} 

.news .newsleft .Industry .Industry_box{
  margin: 5px auto 0 auto;
}

.news .newsleft .Industry .Industry_box .Industry_left{

}

.news .newsleft .Industry .Industry_box .Industry_left ul li{
  width: 48%;
  line-height: 0.33rem;
  float: left;
  margin-right: 4%;
}

.news .newsleft .Industry .Industry_box .Industry_left ul li:nth-child(2n){
  margin-right: 0;
}

.news .newsleft .Industry .Industry_box .Industry_left ul li a{
  font-size: 0.14rem;
  color: #848484;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-left: 0.25rem;
  background: url(../images/news_ico3.png) no-repeat left center;
  width: 70%;
  float: left;
}

.news .newsleft .Industry .Industry_box .Industry_left ul li:hover a{
  color: #00579f;
  transform: translateX(10px);
}

.news .newsleft .Industry .Industry_box .Industry_left ul li span{
  display: block;
  float: right;
  font-size: 0.14rem;
  color: #4a4a4a;
  opacity: 0.64;
}

.news .newsleft .Industry .Industry_box .Industry_right{
  float: right;
  width: 43%;
}

.news .newsleft .Industry .Industry_box .Industry_right .news_img{
  float: left;
  position: relative;
  width: 82%;
  height: 1.48rem;

}

.news .newsleft .Industry .Industry_box .Industry_right .news_img img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.news .newsleft .Industry .Industry_box .Industry_right .zx{
  float: right;
  width: 0.38rem;
  line-height: 0.38rem;
  height: 1.08rem;
  background: #ca2a2f;
  text-align: center;
  margin-top: 0.2rem;
}

.news .newsleft .Industry .Industry_box .Industry_right .zx a{
  display: block;
  font-size: 0.14rem;
  color: #fff;
  writing-mode: tb-rl;
  height: 1.08rem;
}


.news .question{
  float: right;
  width: 33.5%;
  height: 5.23rem;
  border: 1px solid #ddddeb;

}

.news .question .question_box{
  margin: 8px auto 0 auto;
}


.news .question .question_box .news_img{
  margin: 0 auto;
  position: relative;
  width: 97%;
  height: 2rem;
  overflow: hidden;
}

.news .question .question_box .news_img img{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .question .question_box .news_img img:hover{
  transform: scale(1.1);

}

.news .question .question_box h3{
  margin: -0.25rem auto 0 auto;
  width: 2.12rem;
  height: 0.49rem;
  line-height: 0.49rem;
  background: #00579f;
  position: relative;
  z-index: 5;

}

.news .question .question_box h3 a{
  display: block;
  text-align: center;
  font-size: 0.22rem;
  color: #fff;
}

.news .question .question_box .txt{
  margin: 0.25rem auto 0 auto;
  width: 92%;


}

.news .question .question_box .txt h5{
  height: 0.36rem;
  line-height: 0.36rem;
}

.news .question .question_box .txt h5 a{
  
  font-size: 0.18rem;
  color: #3a3a3a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  width: 70%;
}

.news .question .question_box .txt h5 span{
  display: block;
  float: right;
  font-size: 0.14rem;
  color: #4a4a4a;
}

.news .question .question_box .txt p{
  font-size: 0.16rem;
  color: #909090;
  line-height: 0.37rem;
  height: 0.74rem;
  overflow: hidden;
}

.news .question  .question_list{
  margin: 0.05rem auto 0 auto;
  width: 92%;
} 

.news .question  .question_list ul li{
  height: 0.33rem;
  line-height: 0.33rem;

}

.news .question  .question_list ul li a{
  font-size: 0.16rem;
  color: #848484;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: left;
  width: 70%;
}

.news .question  .question_list ul li span{
  display: block;
  float: right;
  font-size: 0.14rem;
  color: #4a4a4a;
  opacity: 0.64;
}

.news .question  .question_list ul li:hover a{
  color: #00579f;
}


@media (max-width: 980px){

  .news_bg{
    margin: 0rem auto 0.3rem auto;
  }
  
  .news{
    margin: 0rem auto 0 auto;
    padding-top: 0.5rem;
  }
  
  .news .news_t{
    height: auto;
  }
  
  .news .news_t .title{
    float: none;
    text-align: center;
  }
  
  .news .news_t .news_list{
    float: none;
    margin: 0.2rem auto 0.3rem auto;
    height: 0.45rem;
  } 
  
  .news .news_t .news_list ul li{
    float: left;
    width: 30%;
    height: 0.45rem;
    line-height: 0.45rem;
    background: #e6e6f4;
    margin: 0 1.5%;
  }
  
  .news .news_t .news_list ul li a{
    display: block;
    text-align: center;
    font-size: 0.14rem;
    color: #666666;
  }
  
  
  
  .news .newsleft{
    float: none;
    width: 100%;
  }
  
  .news .newsleft .Companynews{
    width: 96%;
    height: auto;
    margin-bottom: 0.18rem;
    padding: 0 2%;
  }
  
  .news .newsleft .Companynews .newstitle{
    height: 0.55rem;
    line-height: 0.55rem;
  
  }
  
  .news .newsleft .Companynews .newstitle h3{
    float: left;
  }
  
  .news .newsleft .Companynews .newstitle h3 a{
    display: block;
    font-size: 0.18rem;
    color: #4a4a4a;
    font-weight: bold;
  }
  
  .news .newsleft .Companynews .newstitle h3 a i{
    font-size: 0.14rem;
    color: #000000;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    opacity: 0.4;
    margin-left: 5px;
  }
  
  .news .newsleft .Companynews .newstitle .more{
    display: block;
    float: right;
    width: 0.12rem;
    height: 0.2rem;
    background: url(../images/news_more.png) no-repeat center;
    margin-top: 0.15rem;
  } 
  
  .news .newsleft .Companynews .newstop{
    margin: 0.1rem auto 0 auto;
    height: auto;
  } 
  
  .news .newsleft .Companynews .newstop ul li{
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 0.15rem;
  }
  
  
  .news .newsleft .Companynews .newstop ul li h5{
    height: 0.3rem;
    line-height: 0.3rem;
  
  }
  
  .news .newsleft .Companynews .newstop ul li h5 a{
    font-size: 0.16rem;
    color: #3a3a3a;
    width: 60%;
  }
  
  .news .newsleft .Companynews .newstop ul li h5 span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
  .news .newsleft .Companynews .newstop ul li p{
    font-size: 0.14rem;
    color: #909090;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
    margin-top: 5px;
  }
  
  
  .news .newsleft .Companynews .list{
    margin: 0 auto 0.1rem auto;
    overflow: hidden;
  
  } 
  
  .news .newsleft .Companynews .list ul li{
    float: none;
    width: 100%;
    margin-right: 0%;
    line-height: 0.3rem;
  }
  
  
  .news .newsleft .Companynews .list ul li a{
    font-size: 0.15rem;
    width: 60%;

  }
  
  
  
  .news .newsleft .Industry{
    width: 96%;
    height: auto;
    overflow: hidden;
    padding-bottom: 0.1rem;
  }
  
  .news .newsleft .Industry .newstitle{
    height: 0.55rem;
    line-height: 0.55rem;
  
  }
  
  .news .newsleft .Industry .newstitle h3{
    float: left;
  }
  
  .news .newsleft .Industry .newstitle h3 a{
    display: block;
    font-size: 0.18rem;
    color: #4a4a4a;
    font-weight: bold;
  }

  
  .news .newsleft .Industry .newstitle .more{
    margin-top: 0.15rem;
  } 
  
  .news .newsleft .Industry .Industry_box{
    margin: 0px auto 0 auto;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left{
    float: none;
    width: 100%;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li{
    width: 100%;
    line-height: 0.33rem;
  }
  
  .news .newsleft .Industry .Industry_box .Industry_left ul li a{
    font-size: 0.14rem;
    color: #848484;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-left: 0.2rem;
    background: url(../images/news_ico3.png) no-repeat left center;
    width: 65%;
    float: left;
  }
  

  
  .news .newsleft .Industry .Industry_box .Industry_right{
    display: none;
  }
  

  
  .news .question{
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 0.1rem;
  
  }
  
  .news .question .question_box{
    margin: 8px auto 0 auto;
  }
  
  
  .news .question .question_box .news_img{
    margin: 0 auto;
    position: relative;
    width: 97%;
    height: 1.8rem;
  }
  
  .news .question .question_box h3{
    margin: -0.25rem auto 0 auto;
    width: 2rem;
    height: 0.45rem;
    line-height: 0.45rem;
    position: relative;
    z-index: 5;
  
  }
  
  .news .question .question_box h3 a{
    display: block;
    text-align: center;
    font-size: 0.16rem;
    color: #fff;
  }
  
  .news .question .question_box .txt{
    margin: 0.2rem auto 0 auto;
    width: 92%;
  
  
  }
  
  .news .question .question_box .txt h5{
    height: 0.36rem;
    line-height: 0.36rem;
  }
  
  .news .question .question_box .txt h5 a{
    
    font-size: 0.16rem;
    color: #3a3a3a;
    float: left;
    width: 70%;
  }
  
  .news .question .question_box .txt h5 span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
  }
  
  .news .question .question_box .txt p{
    font-size: 0.14rem;
    color: #909090;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
  }
  
  .news .question  .question_list{
    margin: 0.1rem auto 0 auto;
    width: 92%;
  } 
  
  .news .question  .question_list ul li{
    height: 0.33rem;
    line-height: 0.33rem;
  
  }
  
  .news .question  .question_list ul li a{
    font-size: 0.14rem;
    color: #848484;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: left;
    width: 70%;
  }
  
  .news .question  .question_list ul li span{
    display: block;
    float: right;
    font-size: 0.14rem;
    color: #4a4a4a;
    opacity: 0.64;
  }
  
}






/* links */

.links{
  margin: 0.25rem auto 0 auto;
  line-height: 0.36rem;
  padding-bottom: 0.4rem;
}

.links .links_box{
  margin: 0 auto;
  overflow: hidden;
}

.links .link_t{
  float: left;
  font-size: 0.14rem;
  color: #666666;
}

.links .link_t span{
  font-size: 0.32rem;
  color: #000000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: capitalize;
  float: left;
  display: block;
  margin-right: 0.15rem;

}

.links .yq{
  float: left;
  width: 85%;
  margin-left: 0.1rem;
} 

.links .yq a{
  display: block;
  float: left;
  font-size: 0.14rem;
  color: #666666;
  margin-right: 0.2rem;
}


@media (max-width: 1440px){
  .links .yq{
    width: 70%;
  } 
}



@media (max-width: 980px){
  .links{
    display: none;
  }
}